/*
 * @Author       : NaN 353362604@qq.com
 * @Date         : 2023-08-18 10:57:28
 * @LastEditTime : 2023-08-21 14:40:24
 * @LastEditors  : NaN 353362604@qq.com
 * @FilePath     : \AdminStration\src\Pages\Front\jtgj\Templates\FouTwo.jsx
 * @Description  :
 */
import { ProjectListTem, TextListTemplate, FouVideo, FouTwoBox } from '../Template'
import { CommonSmallTitle } from '../../Assets/Common/SmallTitle'

export const FouTwo = () => {
    const TopList = [
        { uuid: 1, label: '设备编号', flex: 120, value: 'one' },
        { uuid: 2, label: '在线状态', flex: 241, value: 'two' },
        { uuid: 3, label: '预警信息', flex: 218, value: 'thr' },
    ]
    const DataOne = [
        { uuid: 1, one: '#1', two: '在线', thr: '无异常' },
        { uuid: 2, one: '#2', two: '在线', thr: '无异常' },
        { uuid: 3, one: '#3', two: '在线', thr: '无异常' },
        { uuid: 4, one: '#4', two: '在线', thr: '无异常' },
        { uuid: 5, one: '#5', two: '在线', thr: '无异常' },
        { uuid: 6, one: '#6', two: '在线', thr: '无异常' },
        { uuid: 7, one: '#7', two: '在线', thr: '无异常' },
        { uuid: 8, one: '#8', two: '在线', thr: '无异常' },
        { uuid: 9, one: '#9', two: '在线', thr: '无异常' },
        { uuid: 10, one: '#10', two: '在线', thr: '无异常' },
        { uuid: 11, one: '#11', two: '在线', thr: '无异常' },
        { uuid: 12, one: '#12', two: '在线', thr: '无异常' },
        { uuid: 13, one: '#13', two: '在线', thr: '无异常' },
        { uuid: 14, one: '#14', two: '在线', thr: '无异常' },
        { uuid: 15, one: '#15', two: '在线', thr: '无异常' },
        { uuid: 16, one: '#16', two: '在线', thr: '无异常' },
        { uuid: 17, one: '#17', two: '在线', thr: '无异常' },
        { uuid: 18, one: '#18', two: '在线', thr: '无异常' },
        { uuid: 19, one: '#19', two: '在线', thr: '无异常' },
    ]

    const ListTwo = [
        {
            uuid: '2',
            title: '主钩状态',
            children: [
                { uuid: '1', title: '重量', value: 'A01', unit: 't', state: 1 },
                { uuid: '2', title: '高度', value: 'A02', unit: 'm', state: 1 },
                { uuid: '3', title: '升起速度', value: 'A03', unit: 'm/s', state: 1 },
            ],
        },
        {
            uuid: '3',
            title: '大车状态',
            children: [
                { uuid: '1', title: '形成', value: 'A04', unit: 'm', state: 1 },
                { uuid: '2', title: '状态', value: 'A05', state: 1 },
                { uuid: '3', title: '速度', value: 'A06', unit: 'm/s', state: 1 },
            ],
        },
        {
            uuid: '4',
            title: '环境状态 ',
            children: [
                { uuid: '1', title: '风力', value: 'A07', unit: 'm', state: 1 },
                { uuid: '2', title: '风力状态', value: 'A08', state: 1 },
                { uuid: '3', title: '主梁角度', value: 'A09', unit: '度', state: 1 },
            ],
        },
        {
            uuid: '5',
            title: '副钩状态 ',
            children: [
                { uuid: '1', title: '重量', value: 'A10', unit: 't', state: 1 },
                { uuid: '2', title: '高度', value: 'A11', unit: 'm', state: 1 },
                { uuid: '3', title: '升起熟读', value: 'A12', unit: 'm/s', state: 1 },
            ],
        },
        {
            uuid: '6',
            title: '小车状态 ',
            children: [
                { uuid: '1', title: '行程', value: 'A13', unit: 't', state: 1 },
                { uuid: '2', title: '状态', value: 'A14', state: 1 },
                { uuid: '3', title: '速度', value: 'A15', unit: 'm/s', state: 1 },
            ],
        },
    ]

    const DataTwo = {
        A01: 0.1,
        A02: 3.35,
        A03: 0,
        A04: 191.94,
        A05: '',
        A06: 0,
        A07: 167,
        A08: '正常',
        A09: 167,
        A10: 0.1,
        A11: 3.35,
        A12: 0,
        A13: 191.94,
        A14: '',
        A15: 0,
    }

    return (
        <>
            <ProjectListTem type={1} />
            <CommonSmallTitle title="龙门吊运行预警" style={{ marginRight: 16 }}>
                <div className="one">
                    <TextListTemplate top={TopList} data={DataOne} />
                    <div className="box">
                        <div className="title">
                            <div>#4 龙门吊</div>
                            <div>数据时间 : 2021-10-29 10:00:22</div>
                        </div>
                        <FouTwoBox list={ListTwo} data={DataTwo} />
                    </div>
                </div>
            </CommonSmallTitle>
            <CommonSmallTitle title="龙门吊监控">
                <FouVideo />
            </CommonSmallTitle>
        </>
    )
}
